<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>404页面</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
    <script src="./js/jquery.js"></script>
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        .nofound{
            min-width: 810px;
            margin: 0 auto;
        }
        .nofound h1{
            text-align: center;
            color: #ffa042;
            font-size: 45px;
        }
        .no_bg{
            width: 810px;
            height: 240px;
            margin: 0 auto;
            background: url("./images/404.png") no-repeat;
            background-size: 100% 100%;
        }
        .error{
            color: #747474;
            font-size: 18px;
            position: relative;
            top:100px;
        }
        .issued{
            margin-left: 50px;
            position: relative;
            top:115px;
        }
        .issued p{
            color: #2da1ca;
            font-size: 16px;
        }
        .issued div {
            margin-top: 30px;
        }
        .issued div button{
            padding: 5px 10px;
            margin-right: 20px;
            background-color: #2da1ca;
            color: #fff;
            border: none;
            color: #fff;
            box-shadow: 0px 1px 1px 0px #b3b3b3;
            border-radius: 4px;
        }
    </style>
</head>
<body>
   <div class="nofound">
       <h1>404</h1>
       <div class="no_bg">
           <p class="error">出错了！抱歉，你访问的页面不存在.......</p>
           <div class="issued">
               <p>请下达指令</p>
               <div><button>进入首页</button><button>返回上一页</button></div>
           </div>
       </div>
   </div>
</body>
</html>